<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<!-- <link rel="stylesheet" type="text/css" href="../css/goods/com.css" /> -->
		<link rel="stylesheet" type="text/css" href="../css/goods/shouhouxiangqing.css" />
		<link rel="stylesheet" href="../css/mui.picker.min.css">
		<script type="text/javascript">
			(function() {
				var clientWidth = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth;
				clientWidth = clientWidth || localStorage.getItem("clientWidth")
				if(clientWidth > 750)
					clientWidth = 750;
				document.documentElement.style.fontSize = clientWidth * 1 / 16 + "px";
			})();
		</script>

	</head>

	<body>
		<div id="app">
			<header class="mui-bar mui-bar-nav" style="border-bottom: 1px solid #c5c5c5">
				<a class="mui-action-back mui-icon  mui-pull-left arr_left">
				</a>
				<h1 class="mui-title">售后详情</h1>
				<!-- <a class="mui-pull-right" onclick = "buy_car.is_show_del(this)">管理</a> -->
			</header>

			<div class="mui-content">
				<div class="top_info bg_liner">
					<div class="">{{info.is_refunt}}</div>
					<div class="fs_22">2018年8月20日</div>

				</div>
				<!--退款==>退款详情==>show text_row_100-->
				<div id="money_or_adress">
					<div class="text_row_100" style="display: ;">
						<span>退回到钱包</span>
						<b class="fs_26">￥{{info.money}}</b>
					</div>
					<div class="address" style="display: none;">
						<div  class="address_info">
							<div class="fl fs_28 address_name">
								收货方：
							</div>
							<div class="fl fs_24 address_text">
								<div class="fs_24">{{info.name}} {{info.phone}}</div>
								<span class="fs_22 show_text_2_line">{{info.address}}</span>
							</div>
						</div>
						<div class="address_tips">
							<div class="fs_22">* 未与商家协商一致，请勿使用到付或平邮，以免商家拒签货物</div>
							<div class="fs_22">* 请填写真实物流信息，逾期未填写，退货申请将关闭</div>
						</div>
						
					</div>
				</div>

				<div class="hr_20"></div>
				<div class="goods_list">

					<div class="goods_item">

						<div class="gs_item_main">
							<div class="gs_header">{{info.busname}} </div>
							<div class="gs_body">
								
								<div class="gs_i" v-for="(i,k) in info.goods"> 
									<div class="gs_i_img">
										<img :src="i.pic" alt="" />
									</div>
									<div class="gs_i_info">
										<h4 class="show_text_1_line">{{i.name}}</h4>
										<p>×1</p>
										<div class="price">￥{{i.price}}</div>
									</div>

								</div>
							 
							</div>
							<div class="gs_footer">
								<div>退款/退货原因：{{info.content}}</div>
								<div>申请时间：{{info.applytime}}</div>
								<div>订单编号：{{info.order_no}}</div>

							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</body>
	<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/tools/util.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var app = new Vue({
			el: '#app',
			data: {
				orderid:'',
				user:'',
				info:''
			},
			methods: {
				
			},
			created:function(){
				var orderid = util.GetQueryString("orderid");
				if(orderid){
					this.orderid = orderid;
				}
				var user = localStorage.getItem("user");
				if(user){
					this.user = JSON.parse(user);
				}
				
				$.ajax({
					type:"get",
					url:"https://zhapp.4hl.cn/app/Order/refund_details",
					data:{
						uid:this.user.uid,
						orderid:this.orderid
					},
					success:function(res){
						res = JSON.parse(res)
						console.log(res)
						app.info = res.data[0];
					},
					error:function(err){
						alert(JSON.stringify(err))
					}
				});
				
			}
		})
	</script>

</html>